<template>
	<view v-if="type===0">
		<view class="notice">
		    <view class="left_icon">
			 
		    </view>
		    <view class="right_notice">
		      <swiper class="notice_swiper" vertical easing-function="easeInOutCubic" autoplay :interval="interval">
		        <swiper-item v-for="(item,index) in noticeList" :key="index" class="sw_item" @click="clickNotice(item)">
				   <text class="sw_text">{{item.title}}</text>
		         <!-- <u-icon class="sw_image" name="arrow-right" color="gray"></u-icon> -->
		        </swiper-item>
		      </swiper>
		    </view>
		</view>
	</view>
 
</template>

<script>
export default {
  data() {
    return {};
  },
  props: {
    colors: {
      type: String,
	  default:'#55aaff'
    },
	noticeList:{
	  type:Array,
	  default(){
		  return [{id:0,title:"暂无"}]
	  }
	},
	interval:{
		type:Number,
		default:5000
	},
	type:{
		type:Number,
		default:0
	}
  },
  methods: {
	  clickNotice(e){
		  this.$emit('clickNotice',e)
	  }
  }
};
</script>
<style lang="scss" scoped>
.left_icon{
	
	padding-left:80rpx;
	background:url(../../static/laba.png) no-repeat   50rpx center ;
	background-size:50rpx auto;

}
.notice{
	border-radius:90rpx;
  height: 80rpx;
  line-height: 80rpx;
  margin: 0 3%;
  margin-top: 15rpx;
  padding: 0 10rpx;
  background:#f1f1f1;
 
  display:flex;
}
.left_icon{
  height: 100%;
  width: 7%;
  float: left;
  padding-top: 3rpx;
}
.left_icon .iconfont{
  display: inline-block;
  font-size: 44rpx;
}
.right_notice{
  float: left;
  width: 90%;
}
.right_notice .notice_swiper{
  height: 80rpx;
}
.notice_swiper .sw_item{
  height: 80rpx;
}
.notice_swiper .sw_item .sw_text{
  font-size: 30rpx;
  color: #333;
  display: inline-block;
}
.notice_swiper .sw_image{
  width: 40rpx;
  height: 40rpx;
  float: right;
  margin-top: 20rpx;
}
</style>